<template>
  <el-card>
    <div v-if="product">
      <img :src="product.imageUrl" alt="" class="detail-image">
      <h3>{{ product.name }}</h3>
      <p>价格：{{ product.price }}￥</p>
      <p>{{ product.description }}</p>
      <!-- 更多详情 -->
    </div>
  </el-card>
</template>

<script>
export default {
  name: 'ProductDetail',
  props: {
    product: {
      type: Object,
      required: true,
    },
  },
};
</script>

<style>
.detail-image {
  max-width: 100%;
  height: auto;
}
</style>